<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box {
            width: 500px;
            margin: 10px auto;
        }

        span {
            color: #f00;
        }

        .aa,
        .bb {
            width: 60px;
        }
    </style>
</head>

<body>
    <div class="box">
        <input type="text" class="aa">
        &nbsp;
        <big>VS</big>
        &nbsp;
        <input type="text" class="bb">
        &nbsp;
        <input type="button" class="btn" value="最大的数是">
        &nbsp;
        <span>?</span>
    </div>
</body>
<script>
    var input = document.getElementsByTagName('input')

    var span = document.getElementsByTagName('span')[0]  // 获取到span的标签
    console.log(span);

    for (var i = 0; i < input.length; i++) {
        // 输入框限制
        input[i].onkeyup = function () {
            this.value = this.value.replace(/[^\d]/, "")
        }
    }
    function match() {
        var m = 0

        //  如果第一个input的内容     >=  第二个input的内容          显示第一个的内容               否则显示第二个的内容
        m = parseInt(input[0].value) >= parseInt(input[1].value) ? parseInt(input[0].value) : parseInt(input[1].value)

        return m
    }

    // 对比
    // 点击按钮
    input[2].onclick = function () {
        span.innerHTML = match()
    }
</script>

</html>